<template>
    <div>
        <div class="sidebar"
             v-if="fatherComponent == 'show'">
            <el-menu :default-active="$route.path"
                     background-color="#545c64"
                     text-color="#fff"
                     active-text-color="#ffd04b"
                     unique-opened
                     router>
                <!-- 蜂窝状态 -->
                <el-menu-item index="/honey_dept">
                    <i class="el-icon-guide"></i>
                    <span slot="title">蜂窝部门</span>
                </el-menu-item>
                <el-menu-item index="/honey_service">
                    <i class="el-icon-collection"></i>
                    <span slot="title">蜂窝服务</span>
                </el-menu-item>
                <el-menu-item index="/honey_relation">
                    <i class="el-icon-share"></i>
                    <span slot="title">关系</span>
                </el-menu-item>
            </el-menu>
        </div>

    </div>
</template>

<script>
export default {
    props: ["fatherComponent"],
    data () {
        return {

        };
    },
    created () {
        // api.axios.get(
        //     '?service=Class.GetAllClass'
        // ).then(response => {
        //     this.classes = response.data.data
        // })
    },
    methods: {
        onRoutes (each) {
            return `/showByClass/${each.class_id}`;
        }
    },
    computed: {

    }
};
</script>


<style lang="less" scoped>
.sidebar {
    display: block;
    position: absolute;
    width: 250px;
    left: 0;
    top: 60px;
    bottom: 0;
    background-color: #2e363f;
}
.el-menu {
    border: 0;
}
</style>